<template>
    <div>
         <!-- <ul class="nUls"> -->
             <!-- <li v-for="(ele,index) in proArr" :key="index" >{{ele}}</li> -->
             <!-- <li class="active"> <router-link to="/proDt/delepTend">开发动态</router-link></li>
            <li>公司公告</li>
            <li>行业动态</li>
        </ul> -->
       
    </div>
</template>
<script>
import { mapActions, mapState, mapGetters } from "vuex";
export default {
  computed: {
    ...mapState(["proArr"])
  },
  mounted() {
    var uls = document.querySelector(".nUls");
    var lis = uls.children;
    console.log(lis)
    //JS事件委托
    uls.onclick = function(evt) {
      var evt = evt || window.event;
      var target = evt.target || evt.srcElement;
      //console.log(target);
      for (var j = 0; j < uls.children.length; j++) {
        uls.children[j].className = "";
      }
      target.className = "active";
    };
  }
};
</script>
<style>
.active {
  border-bottom: 2px solid green;
}
</style>


